.container{
    width: 100%;
    height: 100%;
    background: url('../assets/images/fare_bg.png') no-repeat;
    background-size: 100% 100%;
    background-attachment: fixed;
    padding-top: 426px;
    .main{
        width: 100%;
        height: auto;
        .title{
            // width: 250px;
            margin: 0 auto 0px;
            display: flex;
            align-items: center;
            justify-content: center;
            h3{
                font-size: 30px;
                font-family: PingFang SC;
                font-weight: 400;
                color: #1B4087;
                display: inline-block;
                padding: 0px 10px;
                // &::before{
                //     content: "·····";
                //     width: 30px;
                //     height: 2px;
                //     position: absolute;
                //     left: 200px;
                // }
                // &::after{
                //     content: "·····";
                //     width: 30px;
                //     height: 2px;
                //     position: absolute;
                //     right: 250px;
                // }
            }
            span{
                display: inline-block;
                color: #999;
                font-size: 35px;
            }
        }
        .fare_detail{
            width: 100%;
            text-align: center;
            padding: 0px 50px;
            h3{
                font-size: 30px;
                font-family: PingFang SC;
                font-weight: 400;
                color: #AC7C58;
                padding-top: 43px;
            }
            .fare_license{
                width: 100%;
                margin-top: 87px;
                .num-box {
                    width: 100%;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    .spot {
                      width: 11px;
                      height: 11px;
                      border-radius: 50%;
                      background-color: #333333;
                    }
                    .num {
                        width: 70px;
                        height: 87px;
                        background: #FEFCF9;
                        border: 2px solid #FDF3EA;
                        border-radius: 8px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        flex-direction: column;
                        span{
                            font-size: 32px;
                            font-family: PingFang SC;
                            font-weight: 400;
                            color: #333333;
                        }
                    }
                    .farechoose{
                        img{
                            width: 23px;
                        }
                        label{
                            display: block;
                            font-size: 20px;
                            font-family: PingFang SC;
                            font-weight: 400;
                            color: #333333;
                            // -webkit-transform: scale(0.8);
                            padding-top: 5px;
                        }
                    }
                }
                .prompt-text{
                    text-align: left;
                    font-size: 24px;
                    font-family: PingFang SC;
                    font-weight: 400;
                    color: red;
                    padding-top: 10px;
                }
            }
            .ok_btn{
                width: 100%;
                height: 88px;
                display: flex;
                align-items: center;
                justify-content: center;
                margin-top: 70px;
                button{
                    width: 100%;
                    height: 88px;
                    background: #AC7C58;
                    box-shadow: 0px 6px 10px 0px rgba(162, 187, 224, 0.24);
                    border-radius: 12px;
                    outline: none;
                    border: none;
                    font-size: 32px;
                    font-family: PingFang SC;
                    font-weight: 400;
                    color: #FFFFFF;
                }
            }
        }
        
        // 车牌键盘输入
        .first-word-wrap {
            width: 100%;
            background: rgba(27,64,135,0.06);
            padding: 20px 10px 20px 10px;
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 2000;
            .first-word {
              display: flex;
              justify-content: center;
              margin-bottom: 12px;
              .word {
                box-sizing: border-box;
                width: 60px;
                height: 76px;
                line-height: 76px;
                background: #FFFDFF;
                box-shadow: 0px 4px 4px  rgba(0, 0, 0, 0.35);
                border-radius: 10px;
                text-align: center;
                margin-right: 7px;
                &.bordernone {
                  border: none;
                  box-shadow:none
                }
                span {
                    display: inline-block;
                    width: 100%;
                    height: 100%;
                    font-size: 26px;
                    font-family: PingFang SC;
                    font-weight: 400;
                    color: #333333;
                }
                img {
                //   width: 1.6rem;
                }
              }
              .close_word{
                background: #E3EAF8;
                border-radius: 6px;
                span{
                    font-size: 20px;
                    font-family: PingFang SC;
                    font-weight: 400;
                    color: #244484;
                }
              }
              &:nth-last-of-type(1){
                margin-bottom: 0rem;
              }
            }
        }
        .keyboard-wrap {
            width: 100%;
            background: rgba(27, 64, 135, 0.06);
            padding: 20px 10px 20px 10px;
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 2000;
            .keyboard {
                display: flex;
                justify-content: center;
                margin-bottom: 12px;
                span {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    width: 60px;
                    height: 76px;
                    padding-top: 5px;
                    background: #FFFDFF;
                    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.35);
                    border-radius: 10px;
                    text-align: center;
                    margin-right: 7px;
                    font-size: 26px;
                    font-family: PingFang SC;
                    font-weight: 400;
                    color: #333333;
                    // &:active {
                    //     background-color: #e4e4e4;
                    // }
                    // &.bordernone{
                    //     border: none;
                    //     box-shadow: none;
                    //     background-color: #D2D5DB;
                    //     &:active{
                    //     background-color:#D2D5DB;
                    //     }
                    // }
                    // &.delete{
                    //     background-color: #465266;
                    //     img{
                    //     width: 1.15rem;
                    //     }
                    // }
                }
                .close_word{
                    background: #E3EAF8;
                    border-radius: 6px;
                    font-size: 20px;
                    font-family: PingFang SC;
                    font-weight: 400;
                    color: #244484;
                }
                .delete{
                    background:none;
                    box-shadow:none;
                    img{
                        width: 65px;
                    }
                }
            }
            .cancel{
                display: flex;
                justify-content: flex-end;
                align-items: center;
                span{
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    width: 3.6rem;
                    height: 1.8rem;
                    background-color: #465266;
                    color: #fff;
                    border-radius: 0.125rem;
                }
            }
        }
    }

    // 提示弹窗
    .dialog_payconfirm{
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 2000;
        background: rgba(0,0,0,.5);
        .confirm_cont{
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            .confirm_detail{
                width: 560px;
                height: 612px;
                background: #FFFFFF;
                box-shadow: 0px 2px 24px 0px rgba(0, 0, 0, 0.06);
                border-radius: 36px;
                text-align: center;
                padding: 91px 40px 40px 40px;
                img{
                    width: 154px;
                }
                h4{
                    font-size: 36px;
                    font-family: PingFang SC;
                    font-weight: 500;
                    color: #1B4087;
                    padding-top: 40px;
                }
                p{
                    width: 407px;
                    margin: 29px auto 0px;
                    font-size: 30px;
                    font-family: PingFang SC;
                    font-weight: 400;
                    color: #333333;
                    line-height: 45px;
                }
                .confirm_btn{
                    width: 100%;
                    height: 88px;
                    line-height: 88px;
                    background: #AC7C58;
                    box-shadow: 0px 6px 10px 0px rgba(162, 187, 224, 0.24);
                    border-radius: 12px;
                    margin-top: 44px;
                    font-size: 32px;
                    font-family: PingFang SC;
                    font-weight: 400;
                    color: #FFFFFF;
                }
            }
        }
    }
  }